<div class="body-panel" style="min-height: 680px" ng-controller="complainController">
    <div style="width: 95%; margin: auto;">
        <h2>
            Complain List <small>You can Know your complain list here.</small>
        </h2>
        <span style="margin-left: 700px;">
				<span id="default-demo"></span>
				<span style="padding-bottom: 0px; margin-left: 20px;">Score:</span><span id="grade" style="color: red;font-size: 20px;">{{order[0].merchant.grade}}</span>
				</span>



    </div>
    <br />
    <div
            style="position: relative; width: 95%; border: 1px solid #ddd; margin: auto;">
        <table class="table table-striped text-center table-hover">
            <thead>
            <tr>
                <td>Orders Id</td>
                <td>Customer Name</td>
                <td>Customer Telephone</td>
                <td>Complain</td>
                <td>Handle Result</td>
                <td>Orders Details</td>
            </tr>
            </thead>
            <tbody>

                <tr ng-repeat="o in order">
                    <td width="16%" style="vertical-align: middle">{{o._id}}</td>
                    <td width="16%" style="vertical-align: middle">{{o.client.cname}}</td>
                    <td width="16%" style="vertical-align: middle">{{o.client.ctel}}</td>
                    <td width="17%" style="vertical-align: middle">{{o.complain}}</td>
                    <td width="17%" style="vertical-align: middle">{{o.res | convertRes}}</td>
                    <td width="18%" style="vertical-align: middle"><a class="btn btn-info"  href="#/orderDetails?oid={{o._id}}">Detail</a></td>
                </tr>

            </tbody>
        </table>
    </div>
</div>